<template>
  <navigator url="/pages/goods-details/goods-details">
    <wd-card class="m0!" custom-title-class="p2!" custom-footer-class="p2!">
      <view class="" v-if="goods">
        <image :src="goods.image" mode="widthFix" class="w-full" />
        <div class="text-xs text-neutral-9">{{ goods.title }}</div>
        <div class="text-sm text-red-5">￥{{ goods.price }}</div>
        <wd-tag type="danger">{{ goods.tag }}</wd-tag>
      </view>
    </wd-card>
  </navigator>
</template>

<script lang="ts" setup>
defineProps<{
  goods: IGoods
}>()
</script>

<style lang="scss" scoped>
//
</style>
